#WeatherContainer{



    margin-top:22px;

    width:100%;

    font-family:Helvetica;

    font-size:12px;

    color: black;

	font-weight:bold;

}



#TextContainer{

	position:absolute;

	top:10px;

	left:0px;

    font-size:13px;

    font-family: Helvetica;

    margin:none;

    width:320px;

    z-index:1;

	padding-top:0px;

}

#Underlay {

	position: absolute;		

	width: 320px;

	height: 480px;

	top: -23px;

	left: 0px;

	opacity: 1;

	overflow: hidden;

	z-index: 0;

}


#city{

    position:absolute;

    text-transform:capitalize;
	
	text-align:text-align:center;;
	
	font-family:"FreeAgentItalic";
	
	font-size: 20px;

	top:85px;
	
	left: 18px;
	
	color: #fa823a;
	
	text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;
 

	opacity:1;
	
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #fa823a; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #fa823a; text-shadow: 1px -1px 4px #fa823a; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #fa823a;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #fa823a;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #fa823a, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}



}



#desc{

    position:absolute;

    text-transform:capitalize;
	
	text-align:text-align:center;;
	
	font-family:"FreeAgentItalic";
	
	font-size: 15px;

	top:165px;
	
	left: 20px;
	
	color: #fa823a;
	
	text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;
	opacity:1;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #fa823a; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #fa823a; text-shadow: 1px -1px 4px #fa823a; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #fa823a;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #fa823a;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #fa823a, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}



}



#temp{

	position:absolute;
	
	font-family:"FreeAgentItalic";
 
	left: 90px;

	top: 130px;
	
	color: #fa823a;
	
	text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;
 

	font-size:18px;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #fa823a; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #fa823a; text-shadow: 1px -1px 4px #fa823a; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #fa823a;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #fa823a;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #fa823a, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}



       

}





#weatherIcon{

	height:122px;

	width:122px;

	position:absolute;

	top:102px;

	left:179px;

	opacity:1;

	Z-index:8;



}



#ForecastDay {



    font-size:12px;

    font-family: Helvetica;

    margin:none;

    width:320px;

	padding-bottom:1px;

	z-index:9;

}

#day0{position:absolute;

font-family:"FreeAgentItalic";

top:868px;

left:100px;

z-index:11;

opacity:0;
-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}



}

#day1{position:absolute;

font-family:"FreeAgentItalic";

top:848px;

left:47px;

color: #ffffff;

text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;

z-index:11;
-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}



#day2{position:absolute;

font-family:"FreeAgentItalic";

top:848px;

left:115px;

color: #ffffff;

text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;

z-index:11;
-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}



#day3{position:absolute;

font-family:"FreeAgentItalic";

top:848px;

left:183px;

color: #ffffff;

text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;

z-index:11;
-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}



#day4{position:absolute;

font-family:"FreeAgentItalic";

top:848px;

left:251px;

color: #ffffff;

text-shadow: 0 0px 1px #000000, 2px 1px 2px #000, 2px 2px 3px #000000;

z-index:11;
-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}

#day5{position:absolute;

top:83px;

left:245px; opacity:0;

}







#ForecastIcon{

    font-size:12px;

    font-family: Helvetica;

    margin:none;

    width:320px;

	padding-bottom:1px;

	z-index:8;

}



#wIcon0, #wIcon1, #wIcon2, #wIcon3, #wIcon4, #wIcon5 { height:70px;width:70px;}



#icon0{position:absolute;

top:0px;

left:110px;

opacity:0;

}

#icon1{position:absolute;

top:860px;

left:23px;

}

#icon2{position:absolute;

top:860px;

left:91px;

}

#icon3{position:absolute;

top:860px;

left:159px;

}

#icon4{position:absolute;

top:860px;

left:227px;

}

#icon5{position:absolute;

top:57px;

left:125px;

opacity:0;

}



#ForecastTemp {

    font-size:10px;

    font-family: Helvetica;

    margin:none;

    width:320px;

	padding-bottom:1px;

	opacity:1;

}





#hi1, #hi2, #hi3, #hi4, #hi5, #hi0{color:black;} #low1, #low2, #low3, #low4, #low5, #low0 {color:#333333;}





#temp0{ 

	position:absolute;
	
	font-family:"FreeAgentItalic";

	width:59px;

	height:59px;
	
	color: #000000;
	
	text-shadow: 0 0px 1px #ffffff, 2px 1px 2px #000, 2px 2px 3px #ffffff;

	top:800px;

	left:95px;

	z-index:11;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}

#hi0{

	position:absolute;

	top:100px;

	padding-left:126px;

	font-size:14px;

}

#low0{

	position:absolute;

	top:100px;

	left:-15px;

	padding-right:2px;

	font-size:14px;

	color: black;

}

#temp1{

	position:absolute;
	
	font-family:"FreeAgentItalic";

	width:59px;

	height:59px;
	
	color: #000000;
	
	text-shadow: 0 0px 1px #ffffff, 2px 1px 2px #000, 2px 2px 3px #ffffff;

	top:850px;

	left:23px;

	z-index:11;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}

#hi1{

	position:absolute;

	top:76px;

	padding-left:51px;



}



#low1{

	position:absolute;

	top:76px;

	padding-left:6px;

}

#temp2{

	position:absolute;
	
	font-family:"FreeAgentItalic";

	width:59px;

	height:59px;
	
	color: #000000;
	
	text-shadow: 0 0px 1px #ffffff, 2px 1px 2px #000, 2px 2px 3px #ffffff;

	top:850px;

	left:91px;

	z-index:11;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}



#hi2{

	position:absolute;

	top:76px;

	padding-left:51px;



}



#low2{

	position:absolute;

	top:76px;

	padding-left:6px;

}

#temp3{

	position:absolute;
	
	font-family:"FreeAgentItalic";

	width:59px;

	height:59px;
	
	color: #000000;
	
	text-shadow: 0 0px 1px #ffffff, 2px 1px 2px #000, 2px 2px 3px #ffffff;

	top:850px;

	left:159px;

	z-index:11;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

}

#hi3{

	position:absolute;

	top:76px;

	padding-left:51px;

}

#low3{

	position:absolute;

	top:76px;

	padding-left:6px;

}	

#temp4{

	position:absolute;
	
	font-family:"FreeAgentItalic";

	width:59px;

	height:59px;
	
	color: #000000;
	
	text-shadow: 0 0px 1px #ffffff, 2px 1px 2px #000, 2px 2px 3px #ffffff;

	top:850px;

	left:227px;

	z-index:11;
	-webkit-transform:translateZ(900px);
 -webkit-transform:rotate(0deg);
    -webkit-animation-name: Custom_animation;



    -webkit-animation-duration: 60.0s;



	-webkit-transition-delay: 0s;	    



	-webkit-animation-iteration-count:infinite;



-webkit-animation-timing-function: linear;
z-index: 24;

}

@-webkit-keyframes Custom_animation {



0% {opacity: 1.0;  color: #ec1616; text-shadow: 1px -1px 4px #666; -webkit-transform:rotate(0deg) translateX(0px)  translateY(-0px);}
4% {opacity: 1.0; color: #ec1616; text-shadow: 1px -1px 4px #ec1616; -webkit-transform:rotate(0deg)	translateX(0px)  translateY(-0px);}
7% {opacity: 0.0; color: #999; text-shadow: 1px -1px 4px #ec1616;	-webkit-transform:rotate(0deg)	 translateX(0px)  translateY(-0px);}
15% {opacity: 0.0;}
17% {opacity: 1.0;   color: #333;
text-shadow: 1px 1px 4px #ec1616;}

30% {opacity: 1.0;}

50% {opacity: 1.0;     color: #FFF;
text-shadow: 0 0px 4px #ccc, 2px 1px 4px #ec1616, 2px 3px 6px #3;}

70% {opacity: 1.0;}

80% {opacity: 1.0;     color:#333;}
92% {opacity: 1.0;}
95% {opacity: 0.0;}
100% {opacity: 0.0;}

} 

#hi4{

	position:absolute;

	top:76px;

	padding-left:51px;

}

#low4{

	position:absolute;

	top:76px;

	padding-left:6px;

}	

#temp5{

	opacity:0;}
